<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商品搜索列表</title>
    <link rel="stylesheet" href="./../../assets/css/base.css">
    <link rel="stylesheet" href="./../../assets/fonts/iconfont.css">
    <link rel="stylesheet" href="./../../assets/css/jx-proSearch.css">
</head>
<body>
    <div class="container banxin">
        <div class="searchbar">
            <div class="sch-info">
                <img src="./../../assets/img/jx-gou.svg" alt="">
                <p>成功查询出<span>21</span>款货品信息</p>
            </div>
            <img class="db-jt" src="./../../assets/img/dbjt-bot.png" alt="">
        </div>
        <div class="sortbar">
            <div class="sorts">
                <div class="sort">
                    <div class="sort-link active">
                        <span>价格从低到高</span>
                        <i class="iconfont icon-icon1"></i>
                        <div class="droplist">
                            <div class="sort-link">价格从高到低</div>
                            <div class="sort-link">价格从低到高</div>
                        </div>
                    </div>
                </div>
                <div class="sort">
                    <div class="sort-link">
                        <span>按照库存排序</span>
                        <i class="iconfont icon-icon1"></i>
                        <div class="droplist">
                            <div class="sort-link">库存从高到低</div>
                            <div class="sort-link">库存从低到高</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="checkbar">
                <div class="check">
                    <input type="checkbox" id="checkBox1" class="chk"/>
                    <label for="checkBox1" id="chk-box1"></label>
                    <span>隐藏缺货</span>
                </div>
                <div class="check">
                    <input type="checkbox" id="checkBox2" class="chk"/>
                    <label for="checkBox2" id="chk-box2"></label>
                    <span>新品优先</span>
                </div>
                <div class="check">
                    <input type="checkbox" id="checkBox3" class="chk"/>
                    <label for="checkBox3" id="chk-box3"></label>
                    <span>隐藏无图</span>
                </div>
            </div>
            <div class="rightbar">
                <div class="goodsnum sn-left">共<span>1621</span>件商品</div>
                <div class="pgnum sn-left"><span>1</span>/40</div>
                <div class="left-arrow sn-left"><</div>
                <div class="right-arrow sn-left">></div>
            </div>
        </div>
        <div class="itemContainer sn-clr">
            <div class="pro-item sn-left">
                <div style="overflow:hidden;"><img src="./../../assets/img/xiezi.jpg" alt=""></div>
                <div class="new-pro">新品</div>
                <div class="pro-info">
                    <p style="color:#333;">NIKE KAISHI 2.0</p>
                    <p style="font-weight:700;">833411-010</p>
                    <p style="font-size:14px;color:#F60;">¥349.00~¥549.00</p>
                    <div class="quehuo">缺</div>
                </div>
            </div>
            <div class="pro-item sn-left">
                <div style="overflow:hidden;"><img src="./../../assets/img/xiezi.jpg" alt=""></div>
                <div class="new-pro">新品</div>
                <div class="pro-info">
                    <p style="color:#333;">NIKE KAISHI 2.0</p>
                    <p style="font-weight:700;">833411-010</p>
                    <p style="font-size:14px;color:#F60;">¥349.00~¥549.00</p>
                    <div class="quehuo">缺</div>
                </div>
            </div>
            <div class="pro-item sn-left">
                <div style="overflow:hidden;"><img src="./../../assets/img/xiezi.jpg" alt=""></div>
                <div class="new-pro">新品</div>
                <div class="pro-info">
                    <p style="color:#333;">NIKE KAISHI 2.0</p>
                    <p style="font-weight:700;">833411-010</p>
                    <p style="font-size:14px;color:#F60;">¥349.00~¥549.00</p>
                    <div class="quehuo">缺</div>
                </div>
            </div>
            <div class="pro-item sn-left">
                <div style="overflow:hidden;"><img src="./../../assets/img/xiezi.jpg" alt=""></div>
                <div class="new-pro">新品</div>
                <div class="pro-info">
                    <p style="color:#333;">NIKE KAISHI 2.0</p>
                    <p style="font-weight:700;">833411-010</p>
                    <p style="font-size:14px;color:#F60;">¥349.00~¥549.00</p>
                    <div class="quehuo">缺</div>
                </div>
            </div>
            <div class="pro-item sn-left">
                <div style="overflow:hidden;"><img src="./../../assets/img/xiezi.jpg" alt=""></div>
                <div class="new-pro">新品</div>
                <div class="pro-info">
                    <p style="color:#333;">NIKE KAISHI 2.0</p>
                    <p style="font-weight:700;">833411-010</p>
                    <p style="font-size:14px;color:#F60;">¥349.00~¥549.00</p>
                    <div class="quehuo">缺</div>
                </div>
            </div>
            <div class="pro-item sn-left">
                <div style="overflow:hidden;"><img src="./../../assets/img/xiezi.jpg" alt=""></div>
                <div class="new-pro">新品</div>
                <div class="pro-info">
                    <p style="color:#333;">NIKE KAISHI 2.0</p>
                    <p style="font-weight:700;">833411-010</p>
                    <p style="font-size:14px;color:#F60;">¥349.00~¥549.00</p>
                    <div class="quehuo">缺</div>
                </div>
            </div>
            <div class="pro-item sn-left">
                <div style="overflow:hidden;"><img src="./../../assets/img/xiezi.jpg" alt=""></div>
                <div class="new-pro">新品</div>
                <div class="pro-info">
                    <p style="color:#333;">NIKE KAISHI 2.0</p>
                    <p style="font-weight:700;">833411-010</p>
                    <p style="font-size:14px;color:#F60;">¥349.00~¥549.00</p>
                    <div class="quehuo">缺</div>
                </div>
            </div>
            <div class="pro-item sn-left">
                <div style="overflow:hidden;"><img src="./../../assets/img/xiezi.jpg" alt=""></div>
                <div class="new-pro">新品</div>
                <div class="pro-info">
                    <p style="color:#333;">NIKE KAISHI 2.0</p>
                    <p style="font-weight:700;">833411-010</p>
                    <p style="font-size:14px;color:#F60;">¥349.00~¥549.00</p>
                    <div class="quehuo">缺</div>
                </div>
            </div>
            <div class="pro-item sn-left">
                <div style="overflow:hidden;"><img src="./../../assets/img/xiezi.jpg" alt=""></div>
                <div class="new-pro">新品</div>
                <div class="pro-info">
                    <p style="color:#333;">NIKE KAISHI 2.0</p>
                    <p style="font-weight:700;">833411-010</p>
                    <p style="font-size:14px;color:#F60;">¥349.00~¥549.00</p>
                    <div class="quehuo">缺</div>
                </div>
            </div>
            <div class="pro-item sn-left">
                <div style="overflow:hidden;"><img src="./../../assets/img/xiezi.jpg" alt=""></div>
                <div class="new-pro">新品</div>
                <div class="pro-info">
                    <p style="color:#333;">NIKE KAISHI 2.0</p>
                    <p style="font-weight:700;">833411-010</p>
                    <p style="font-size:14px;color:#F60;">¥349.00~¥549.00</p>
                    <div class="quehuo">缺</div>
                </div>
            </div>
        </div>
        <div class="tcdPageCode"></div>
    </div>
</body>
<script src="./../../assets/build/sportjx.js"></script>
<script src="./../../assets/build/mainsite.js"></script>
<script src="./../../assets/build/js/proSearch.js"></script>
</html>